<template>
	<view class="all">
		<view class="data">
			<view class="list-item" v-for="i in list" @tap="$navTo(i.url)">
				<view class="items-content">
					<image class="item-img" :src="i.imgUrl" mode=""></image>
					<text class="item-title">{{i.title}}</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				list:[
					{
						imgUrl:'/static/dataimg/s1.png',
						title:'培训学习',
						url:'/pagesD/learning/index'
					},
					{
						imgUrl:'/static/dataimg/s2.png',
						title:'会议记录',
						url:'/pagesD/meeting/meeting'
					},
					{
						imgUrl:'/static/dataimg/s3.png',
						title:'工作计划',
						url:'/pagesD/workPlan/index'
					},
					{
						imgUrl:'/static/dataimg/s4.png',
						title:'工作方案',
						url:'/pagesD/programme/planList'
					},
					{
						imgUrl:'/static/dataimg/s5.png',
						title:'学习资料',
						url:'/pagesD/materials/index'
					},
					{
						imgUrl:'/static/dataimg/s6.png',
						title:'提示类资料',
						url:'/pagesD/means/meansList'
					},
					{
						imgUrl:'/static/dataimg/s7.png',
						title:'通讯录',
						url:'/pagesD/addressBook/index'
					}
				]
			}
		}
	}
</script>

<style lang="less" scoped>
	.all{
		padding-top: 20rpx;
		min-height: 100vh;
		background: #F1F1F1;
	}
	.data{
		display: flex;
		flex-wrap: wrap;
		padding: 0 10rpx;
		.list-item{
			width: 50%;
			margin-bottom: 20rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			.items-content{
				width: 340rpx;
				height: 220rpx;
				background: #FFFFFF;
				border-radius: 8rpx;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				.item-img{
					width: 104rpx;
					height: 104rpx;
				}
				.item-title{
					font-size: 28rpx;
					font-family: PingFang-SC-Regular;
					color: #333333;
					margin-top: 18rpx;
				}
			}
		}
	}
</style>
